﻿@model Southern.Controllers.LoginModel
@{
    ViewBag.Title = "Login";
}
<script src="@Url.Content("~/Scripts/Microsoft/JQuery/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/Microsoft/JQuery/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div class="sign-in">
    <div class="signin-box">
        <h2>
            Sign in <strong>Southern</strong>
        </h2>
        @using (Html.BeginForm("LogOn", "Account", FormMethod.Post))
        {
            @Html.ValidationSummary(true)
            @Html.HiddenFor(m => m.ReturnUrl)
            <div class="email-div">
                <label for="Email">
                    <strong class="email-label">Username</strong></label>
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName, "Enter your email address.")                
            </div>
            <div class="passwd-div">
                <label for="Passwd">
                    <strong class="passwd-label">Password</strong></label>
                @Html.PasswordFor(m => m.Password)
                @Html.ValidationMessageFor(m => m.Password, "Enter your password.")                
            </div>
            <input type="submit" class="s-button s-button-submit" name="signIn" id="signIn" value="Sign in" />
            <label class="remember">
                @Html.CheckBoxFor(m => m.RememberMe)
                <strong class="remember-label">Stay signed in </strong>
            </label>            
        }
        <ul>
            <li><a id="link-forgot-passwd" href="javascript:;" target="_top">Can't access your account?
            </a></li>
        </ul>
    </div>
</div>
<div class="sys-info">
    <h2>
        Southern Healthcare</h2>
</div>
